
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>眼视管家</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <link rel="stylesheet" type="text/css" href="./mui.min.css"/>
  <style type="text/css">
    .icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }

</style>
<link rel="stylesheet" type="text/css" href="./index.css"/>
</head>
<body>
	<!-- 主界面菜单同时移动 -->
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable">
			<!-- 主页面容器 -->
			<div class="mui-inner-wrap">
				<!-- 菜单容器 -->
				<aside class="mui-off-canvas-left" id="offCanvasSide">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll leftAside">
              <!-- 菜单具体展示内容 -->
              <div>
                    <div class="portrait-box">
                      <!-- <img class="portrait" :src="userInfo.userIcon || './img/missing-face.png'"></img> -->
                      <img class="portrait" src="./img/missing-face.png">
                      <p class="name">admin</p>
                      <p>科技部工程师</p>
                    </div>

                    <ul class="mui-table-view link">
                        <li class="mui-table-view-cell">
                          <a class="mui-navigate-right">
                            <span class="mui-icon mui-icon-camera"></span>
                            设置我的头像
                          </a>
                        </li>
                        <li class="mui-table-view-cell">
                          <a class="mui-navigate-right">
                            <span class="mui-icon mui-icon-compose"></span>
                             查看我的资料
                          </a>
                        </li>
                        <li class="mui-table-view-cell">
                          <a class="mui-navigate-right">
                            <span class="mui-icon mui-icon-locked"></span>
                             修改登录密码
                          </a>
                        </li>

                        <li class="mui-table-view-cell">
                          <a class="mui-navigate-right">
                            <span class="mui-icon mui-icon-chatbubble"></span>
                             消息提醒设置
                          </a>
                        </li>
                    </ul>
                  
                    <div class="outbtn">
                      <button type="button" class="mui-btn mui-btn-danger" onclick="window.location.href='http://192.168.1.110:5500/view/login/login.html'">退出系统</button>
                    </div>

              </div>

							
						</div>
					</div>
				</aside>
				<!-- 主页面标题 -->
				<header class="mui-bar mui-bar-nav">
					<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#offCanvasSide"></a>
					<h1 class="mui-title">眼管家</h1>
				</header>
				<!-- 底部tab -->
				<!-- <nav class="mui-bar mui-bar-tab">
					<a class="mui-tab-item mui-active">
						<span class="mui-icon mui-icon-home"></span>
						<span class="mui-tab-label">首页</span>
					</a>
					<a class="mui-tab-item">
						<span class="mui-icon mui-icon-phone"></span>
						<span class="mui-tab-label">电话</span>
					</a>
					<a class="mui-tab-item">
						<span class="mui-icon mui-icon-email"></span>
						<span class="mui-tab-label">邮件</span>
					</a>
					<a class="mui-tab-item">
						<span class="mui-icon mui-icon-gear"></span>
						<span class="mui-tab-label">设置</span>
					</a>
				</nav> -->
				<!-- 主页面内容容器 -->
				<div class="mui-content mui-scroll-wrapper">
					<div class="mui-scroll">
            <!-- 主界面具体展示内容 --> 
            <div class="applist">
              <div class="appitemcon">
                <div class="appitem">
                  <div class="icon-blue icon-con">
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-dengji"></use>
                    </svg>
                  </div>
                  <p>检查单登记</p>
                </div>
              </div>
              <div class="appitemcon">
                <div class="appitem" onclick="window.open('http://baidu.com');">
                  <div class="icon-blue icon-con">
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-dengji"></use>
                    </svg>
                  </div>
                  <p>检查单登记</p>
                </div>
              </div>
              <div class="appitemcon">
                <div class="appitem" onclick="window.open('http://baidu.com');">
                  <div class="icon-blue icon-con">
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-dengji"></use>
                    </svg>
                  </div>
                  <p>检查单登记</p>
                </div>
              </div>
              <div class="appitemcon">
                <div class="appitem" onclick="window.open('http://baidu.com');">
                  <div class="icon-blue icon-con">
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-dengji"></use>
                    </svg>
                  </div>
                  <p>检查单登记</p>
                </div>
              </div>
              <div class="appitemcon">
                <div class="appitem" onclick="window.open('http://baidu.com');">
                  <div class="icon-blue icon-con">
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-dengji"></use>
                    </svg>
                  </div>
                  <p>检查单登记</p>
                </div>
              </div>
              <div class="appitemcon">
                <div class="appitem" onclick="window.open('http://baidu.com');">
                  <div class="icon-blue icon-con">
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-dengji"></use>
                    </svg>
                  </div>
                  <p>检查单登记</p>
                </div>
              </div>
              <div class="appitemcon">
                <div class="appitem" onclick="window.open('http://baidu.com');">
                  <div class="icon-blue icon-con">
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-dengji"></use>
                    </svg>
                  </div>
                  <p>检查单登记</p>
                </div>
              </div>
            </div>


            <!-- 选项卡 -->
						<div class="mui-slider">
							<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
								<a class="mui-control-item" href="#item1">待办审批</a>
								<a class="mui-control-item" href="#item2">未读公告</a>
								<a class="mui-control-item" href="#item3">未读制度</a>
							</div>
							<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
							<div class="mui-slider-group tabwarp" style="z-index: 988;position: relative;top: 0rem;">
								<div id="item1" class="mui-slider-item mui-control-content mui-active">
									<ul class="mui-table-view tabul">
										<li class="mui-table-view-cell">
											<p class="title">离职流程与审批-012120</p>
											<p>发起人: <span>华少</span></p>
											<p class="mui-navigate-right">流程步骤：<span>综合管理部审批</span></p>
											<p>发起日期：<span>2019-09-08 10:08:53</span></p>
											<p>摘要: <span>摘要22</span></p>
                    </li>
                    
										<li class="mui-table-view-cell">
											<p class="title">离职流程与审批-012120</p>
											<p>发起人: <span>华少</span></p>
											<p class="mui-navigate-right">流程步骤：<span>综合管理部审批</span></p>
											<p>发起日期：<span>2019-09-08 10:08:53</span></p>
											<p>摘要: <span>摘要22</span></p>
                    </li>
                    
										<li class="mui-table-view-cell">
											<p class="title">离职流程与审批-012120</p>
											<p>发起人: <span>华少</span></p>
											<p class="mui-navigate-right">流程步骤：<span>综合管理部审批</span></p>
											<p>发起日期：<span>2019-09-08 10:08:53</span></p>
											<p>摘要: <span>摘要22</span></p>
                    </li>
                    
										<li class="mui-table-view-cell">
											<p class="title">离职流程与审批-012120</p>
											<p>发起人: <span>华少</span></p>
											<p class="mui-navigate-right">流程步骤：<span>综合管理部审批</span></p>
											<p>发起日期：<span>2019-09-08 10:08:53</span></p>
											<p>摘要: <span>摘要22</span></p>
										</li>
									</ul>
								</div>
								<div id="item2" class="mui-slider-item mui-control-content">
                    <div class="placeholder">
                        暂无记录		
                    </div>
                  
									<ul class="mui-table-view">
									</ul>
								</div>
								<div id="item3" class="mui-slider-item mui-control-content">
                    <div class="placeholder">
                        暂无记录										                      
                    </div>										

									<ul class="mui-table-view">
									
									</ul>
								</div>
							</div>
						</div>
					</div>
        </div>
        
		   	 <div class="mui-off-canvas-backdrop"></div>
			</div>
		</div>
	
  <script src="./mui.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="http://at.alicdn.com/t/font_1341036_ci2kuiho3i5.js"></script>
  
  <script type="text/javascript">
  // 未登录
  if(true){
    // window.location.href = 'http://192.168.1.110:5500/view/login/login.html'
  }
		mui.init()

    mui('.mui-scroll-wrapper').scroll({
      deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });

    // mui('.mui-off-canvas-wrap').offCanvas('show');
		mui('.test2').on('tap','a',function(){
			console.log('dianji')
		}) 

    // 应用跳转
    mui(".applist").on('tap','.appitem',function(){
      //获取id
      // var id = this.getAttribute("id");

      // 根据id跳转到不同url
      window.location.href = 'http://192.168.1.110:5500/view/scan/scan.html'
      // mui.openWindow({
      //   url:'http://www.baidu.com',
      //   // id:new-page-id
      //   }) 
    }) 

    // rem
      function changeRem(){
				 document.querySelector('html').style.fontSize = document.documentElement.clientWidth*100/375 + 'px';  
			}
			changeRem()
			window.addEventListener('resize',changeRem,false);
	</script>
</body>
</html>
